<style scoped>
    .cell-btn{
        background: #f23030;
        color: #fff;
        font-size: 16px;
        text-align: center;
        margin: .8rem auto;
        border-radius: 2px;
        width: 90%;
        padding: 10px 0;
    }
</style>
<template>
    <div>
        <section class="ui-top-bar">
            <div class="ck"></div>
            <div class="ui-top-content">
                <div class="ui-user-info">
                    <img src="http://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTLf5tnz2N6KnMamKCA3Vnb4a7B6VNMo9g9JOkScJgI6rR5cVzbGyy8V2licBZn79mdCDKTibTiaS9bCQ/132">
                    <div>
                        <p class="p1">{{userInfo.username}}</p>
                        <p class="p2">签名</p>
                    </div>
                </div>
            </div>
        </section>
        <section>
            <div class="cell-group ui-border-t">
                <div class="cell-item ui-border-b right-arrow">
                    <div class="full-line l-icon icon-czygl">
                        <!--<i class="icon iconfont icon-jizhang"></i>-->
                        身份证：&nbsp;&nbsp;{{this.$store.getters.userInfo.identity}}
                    </div>
                    <div class=""></div>
                </div>
                <div class="cell-item ui-border-b right-arrow">
                    <div class="full-line l-icon icon-czygl">
                        <!--<i class="icon iconfont icon-jizhang"></i>-->
                        手机：&nbsp;&nbsp;{{this.$store.getters.userInfo.tel}}
                    </div>
                    <div class=""></div>
                </div>
                <div class="cell-item ui-border-b right-arrow">
                    <div class="full-line l-icon icon-zhsz">
                       性别：&nbsp;&nbsp;{{this.$store.getters.userInfo.gender==0?'男':'女'}}
                    </div>
                    <div class=""></div>
                </div>
                <div class="cell-item ui-border-b right-arrow">
                    <div class="full-line l-icon icon-zhsz">
                        生日：&nbsp;&nbsp;{{this.$store.getters.userInfo.birthday.substring(0,this.$store.getters.userInfo.birthday.indexOf('T'))}}
                    </div>
                    <div class=""></div>
                </div>


                <!--<div class="cell-item ui-border-b right-arrow">-->
                    <!--<div class="full-line l-icon icon-mmsz">-->
                        <!--<i class="icon iconfont icon-xinyongqiahuankuan"></i>-->
                        <!--<span></span>-->
                    <!--</div>-->
                    <!--<div class=""></div>-->
                <!--</div>-->
            </div>
            <div class="cell-group ui-border-t">
                <div class="cell-item ui-border-b right-arrow">
                    <div class="full-line l-icon icon-zfsz">DebtRatio:&nbsp;&nbsp;{{this.$store.getters.userInfo.debtratio}}</div>
                    <div class=""></div>
                </div>
                <div class="cell-item ui-border-b right-arrow">
                    <div class="full-line l-icon icon-dlsz">开放式贷款次数:&nbsp;&nbsp;{{this.$store.getters.userInfo.numberofopencreditlinesandloans}}</div>
                    <div class=""></div>
                </div>
                <div class="cell-item ui-border-b right-arrow">
                    <div class="full-line l-icon icon-dlsz">90天逾期:&nbsp;&nbsp;{{this.$store.getters.userInfo.numberoftimes90dayslate}}</div>
                    <div class=""></div>
                </div>
                <div class="cell-item ui-border-b right-arrow">
                    <div class="full-line l-icon icon-dlsz">过去两年借款35-59天逾期次数:&nbsp;&nbsp;{{this.$store.getters.userInfo.numberoftime3059dayspastduenotworse}}</div>
                    <div class=""></div>
                </div>
                <div class="cell-item ui-border-b right-arrow">
                    <div class="full-line l-icon icon-dlsz">过去两年借款60-89天逾期次数:&nbsp;&nbsp;{{this.$store.getters.userInfo.numberoftime6089dayspastduenotworse}}</div>
                    <div class=""></div>
                </div>
                <div class="cell-item ui-border-b right-arrow">
                    <div class="full-line l-icon icon-dlsz">是否未还款:&nbsp;&nbsp;{{this.$store.getters.userInfo.seriousdlqin2yrs==0?'否':'是'}}</div>
                    <div class=""></div>
                </div>
                <div class="cell-item ui-border-b right-arrow">
                    <div class="full-line l-icon icon-dlsz">抵押贷款额度:&nbsp;&nbsp;{{this.$store.getters.userInfo.numberrealestateloansorlines}}</div>
                    <div class=""></div>
                </div>

            </div>
            <div class="cell-btn" @click="logout_sys()">登出</div>
        </section>
    </div>
</template>
<script>
    export  default {
        data(){
            return {
                userInfo:this.$store.getters.userInfo
            };
        },methods:{
            logout_sys:function () {
                this.$store.dispatch('FedLogOut').then(res=>{
                    this.$router.push({"path":"/"})
                }).catch()
            }
        }
    }

</script>
